html {
	scroll-behavior: smooth;
}
.header {
	border-radius: 0px;
	margin: 0;
	background-color: #111111;
	border: none;
	position: sticky;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100000;
	.logo {
		text-transform: uppercase;
		color: #fff;
		font-family: OSBold;
		line-height: 30px;
	}
	.menu > li > a {
		text-transform: uppercase;
		color: #fff;
		border-bottom: 3px solid transparent;
		transition: all 0.3s linear;
		line-height: 30px;
		height: 60px;
		&:hover {
			border-bottom: 3px solid #fcac45;
		}
	}
}
@media screen and (max-width: 767px) {
	.header .menu > li > a {
		text-align: center;
	}
}
.banner {
	background: url(../images/R-C.jpg) no-repeat;
	background-size: cover;
	background-position: top center;
	position: relative;
	width: 100%;
	overflow: hidden;
	height: 800px;
	background-color: #111111;
	padding-top: 19.5em;
	.box {
		text-align: center;
		width: 100%;
		margin: 0 auto;
		.title {
			font-size: 3em;
			color: #fff;
			text-transform: uppercase;
			font-family: OSLight;
			span {
				color: #fcac45;
				font-family: OSBold;
			}
		}
	}
	.info {
		font-size: 1.5em;
		color: #ffffff;
		font-family: OSLight;
		margin-bottom: 12em;
		span {
			font-family: OSBold;
		}
	}
	.more {
		width: 3.9em;
		height: 3.9em;
		border-radius: 50%;
		border: 1px solid #fff;
		margin: 0 auto;
		color: #fff;
		font-family: OSBlod;
		text-decoration: none;
		line-height: 1.8em;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		transition: all 0.3s linear;
		&:hover {
			transform: translateY(-10px);
			box-shadow: 0 0 10px #fff;
		}
		span {
			font-size: 1.8em;
		}
	}
}
@media screen and (max-width: 1150px) {
	.banner {
		height: 700px;
		padding-top: 9.5em;
		.box {
			margin: 5.5em auto;
		}
	}
}
@media screen and (max-width: 700px) {
	.banner .box .title {
		font-size: 2.4em;
	}
}
@media screen and (max-width: 450px) {
	.banner {
		.box .title {
			font-size: 1.95em;
		}
		.info {
			font-size: 1em;
			margin-bottom: 18em;
		}
	}
}
.about {
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
	width: 80%;
	background-color: white;
	padding: 7em 0 4em 0;
	.about-left {
		flex-shrink: 0.5;
	}
	.about-right {
		width: 40%;
		.title {
			text-align: left;
			.small {
				color: #999;
				font-size: 2em;
				text-transform: uppercase;
			}
			.big {
				font-size: 2.5em;
				text-transform: uppercase;
				span:nth-child(1) {
					border-bottom: 4px #fcac45 solid;
					padding-bottom: 3px;
				}
				span:nth-child(2) {
					font-family: OSBlod;
					font-weight: 700;
				}
			}
		}
		.resume {
			font-size: 1.3em;
			padding-top: 10px;
			font-family: OSLight;
			width: 450px;
		}
		.list {
			padding-top: 20px;
			font-size: 1.3em;
			font-family: OSLight;
			li {
				margin-bottom: 5px;
				span:nth-child(2) {
					font-family: OSblod;
				}
			}
		}
		.box {
			width: 200px;
			height: 50px;
			border: 1px solid #999;
			display: flex;
			justify-content: space-evenly;
			align-items: center;
			margin-top: 50px;
			border-radius: 3px;
			font-size: 1.2em;
			font-family: OSLight;
			transition: all 0.5s ease-in-out;
			text-transform: uppercase;
		}
	}
}

@media screen and (max-width: 1408px) {
	.about .about-right {
		margin: 0 auto;
		width: 460px;
	}
}
@media screen and (max-width: 1150px) {
	.about {
		padding: 5em 0 2em 0;
		width: 100%;
		.about-left {
			display: none;
		}
		.about-right {
			width: 90%;
			.resume {
				width: 100%;
			}
			.box {
				margin-top: 20px;
				height: 44px;
				width: 180px;
				font-size: 1em;
			}
		}
	}
}
@media screen and (max-width: 510px) {
	.about .about-right .title {
		.small {
			font-size: 1.4em;
		}
		.big {
			font-size: 2.2em;
		}
	}
}
@media screen and (max-width: 450px) {
	.about {
		padding: 2em 0em 2em 0em;
		.about-right {
			.title {
				.small {
					font-size: 1.4em;
				}
				.big {
					font-size: 1.6em;
				}
			}
			.resume {
				font-size: 1em;
			}
		}
	}
}
.team {
	width: 100%;
	height: auto;
	padding: 80px 0 60px 0;
	background-color: black;
	position: relative;
	.bigbox {
		width: 80%;
		margin: 0 auto;
		text-align: center;
		.title {
			font-size: 2.5em;
			text-transform: uppercase;
			color: white;
			background: url(../images/title-background.png) no-repeat bottom center;
			padding-bottom: 0.8em;
			margin-bottom: 2.8em;
			span {
				font-family: OSBold;
			}
		}
		.four {
			display: flex;
			justify-content: space-between;
			margin-bottom: 65px;
			.item {
				width: 20%;
				height: 100%;
				img {
					border-radius: 50%;
				}
				.font {
					h1 {
						color: #fff;
						font-family: OSBlod;
						font-size: 1.5em;
					}
					h4 {
						color: #fff;
						font-family: OSLight;
						font-size: 1.2em;
					}
					p {
						color: #fff;
						font-family: OSLight;
						font-size: 1.1em;
						padding-top: 15px;
					}
				}
			}
		}
		.dots {
			text-align: center;
			.dot {
				width: 10px;
				height: 10px;
				background-color: #ffffff;
				margin: 0 6px;
				cursor: pointer;
				display: inline-block;
				&.active {
					background-color: #fcac45;
				}
			}
		}
	}
}
@media screen and (max-width: 1150px) {
	.team .bigbox {
		width: 95%;
		.four {
			flex-direction: column;
			.item {
				display: flex;
				width: 100%;
				margin-bottom: 3em;
				img {
					border-radius: 0;
					width: 150px;
					height: 150px;
				}
				.font {
					margin-left: 25px;
					width: 100%;
					text-align: start;
					h1 {
						line-height: 0.7;
					}
					h4 {
						padding-top: 8px;
					}
				}
			}
		}
	}
}
@media screen and (max-width: 700px) {
	.team {
		padding: 36px 0 30px 0;
		.bigbox .title {
			font-size: 2em;
			background-size: 90px;
		}
		.four {
			margin-bottom: 35px;
			.item img {
				width: 135px;
				height: 135px;
			}
		}
	}
}
@media screen and (max-width: 530px) {
	.team {
		padding: 20px 0 20px 0;
		.bigbox {
			.title {
				font-size: 1.8em;
				background-size: 80px;
			}
			.four {
				margin-bottom: 0px;
				.item {
					img {
						width: 110px;
						height: 110px;
					}
					.font {
						h1 {
							font-size: 1.3em;
						}
						h4 {
							font-size: 1.2em;
						}
						p {
							font-size: 0.8em;
						}
					}
				}
			}
		}
	}
}
@media screen and (max-width: 450px) {
	.team .bigbox {
		.four {
			.item {
				img {
					width: 100px;
					height: 100px;
				}
				.font {
					h1 {
						font-size: 1.2em;
					}
					h4 {
						font-size: 1.1em;
					}
					p {
						font-size: 0.7em;
					}
				}
			}
		}
	}
}
.services {
	background-color: #ffffff;
	padding: 50px 0;
	.box {
		width: 80%;
		text-align: center;
		margin: 0 auto;
		.title {
			font-size: 2.5em;
			background: url(../images/title-background.png) no-repeat bottom center;
			padding-bottom: 0.8em;
			text-transform: uppercase;
			font-family: OSLight;
			margin-bottom: 1.5em;
			span {
				font-family: OSBold;
			}
		}
		& > p {
			font-size: 1.2em;
			color: #999999;
		}
		.list {
			display: flex;
			justify-content: space-between;
			.item {
				padding: 50px 0;
				width: 20%;
				display: flex;
				align-items: center;
				flex-direction: column;
				.froma {
					width: 100px;
					height: 100px;
					border-radius: 50%;
					border: 4px solid #fcac45;
					display: flex;
					align-items: center;
					justify-content: center;
					margin-bottom: 10px;
				}
				.info {
					h3 {
						font-family: OSBold;
						font-size: 1.5em;
						text-transform: uppercase;
						margin-bottom: 10px;
					}
					p {
						font-size: 1em;
						color: #000;
					}
				}
			}
		}
	}
}
@media screen and (max-width: 1000px) {
	.services {
		.box {
			.list {
				flex-direction: column;
				.item {
					flex-direction: row;
					width: 100%;
					padding: 10px 0;
					.froma {
						margin: 0 20px;
						flex-shrink: 0;
					}
					.info {
						text-align: start;
						margin-left: 30px;
					}
				}
			}
		}
	}
}
@media screen and (max-width: 700px) {
	.services {
		.box {
			.title {
				font-size: 2em;
				background-size: 90px;
				margin-bottom: 1.3em;
			}
			& > p {
				font-size: 0.96em;
				margin-bottom: 20px;
			}
		}
	}
}
@media screen and (max-width: 550px) {
	.services {
		.box {
			.title {
				font-size: 1.8em;
				background-size: 80px;
				margin-bottom: 1.2em;
			}
			.list {
				.item {
					.froma {
						width: 90px;
						height: 90px;
						margin: 0 10px;
					}
					.info {
						h3 {
							font-size: 1.3em;
						}
						p {
							font-size: 0.9em;
						}
					}
				}
			}
		}
	}
}
@media screen and (max-width: 480px) {
	.services .box .title {
		font-size: 1.6em;
		background-size: 70px;
		margin-bottom: 1.1em;
	}
}
@media screen and (max-width: 450px) {
	.services {
		.box {
			.title {
				font-size: 1.6em;
				background-size: 70px;
			}
			& > p {
				font-size: 0.9em;
			}
			.list {
				.item {
					.froma {
						width: 80px;
						height: 80px;
						margin: 0;
					}
					.info {
						h3 {
							font-size: 1.1em;
						}
						p {
							font-size: 0.8em;
						}
					}
				}
			}
		}
	}
}
@media screen and (max-width: 430px) {
	.services .box .title {
		font-size: 1.4em;
		background-size: 60px;
	}
}
@media screen and (max-width: 380px) {
	.services .box {
		.title {
			font-size: 1.2em;
			background-size: 50px;
		}
		& > p {
			font-size: 0.8em;
		}
		.list {
			.item {
				.froma {
					width: 60px;
					height: 60px;
				}
				.info {
					h3 {
						font-size: 1em;
					}
					p {
						font-size: 0.7em;
					}
				}
			}
		}
	}
}
.CLIENTS {
	background-color: #060606;
	padding-top: 60px;
	padding-bottom: 50px;
	.box {
		width: 80%;
		text-align: center;
		margin: 0 auto;
		.title {
			font-size: 2.5em;
			text-transform: uppercase;
			color: white;
			background: url(../images/title-background.png) no-repeat bottom center;
			padding-bottom: 0.8em;
			margin-bottom: 2em;
			span {
				font-family: OSBold;
			}
		}
		.img-box {
			width: 100%;
			display: flex;
			margin-bottom: 50px;
			justify-content: space-between;
		}
		.dots {
			text-align: center;
			.dot {
				width: 10px;
				height: 10px;
				background-color: #ffffff;
				margin: 0 6px;
				cursor: pointer;
				display: inline-block;
				&.active {
					background-color: #fcac45;
				}
			}
		}
	}
}
@media screen and (max-width: 1400px) {
	.CLIENTS {
		.box {
			.img-box {
				flex-wrap: wrap;
				justify-content: center;
				img {
					width: 150px;
					margin: 20px 20px;
				}
			}
		}
	}
}
@media screen and (max-width: 700px) {
	.CLIENTS {
		.box {
			.title {
				font-size: 2em;
				background-size: 90px;
				margin-bottom: 1.3em;
			}
			.img-box {
				flex-wrap: wrap;
				justify-content: center;
				img {
					width: 135px;
					height: 30px;
					margin: 17px 15px;
				}
			}
		}
	}
}
@media screen and (max-width: 450px) {
	.CLIENTS {
		.box {
			.title {
				font-size: 1.6em;
				background-size: 70px;
				margin-bottom: 1.1em;
			}
		}
	}
}
@media screen and (max-width: 350px) {
	.CLIENTS {
		.box {
			.title {
				font-size: 1.2em;
				background-size: 50px;
			}
			.img-box {
				flex-wrap: wrap;
				justify-content: center;
				img {
					width: 125px;
					height: 24px;
					margin: 15px 7px;
				}
			}
		}
	}
}
.work {
	background-color: #fff;
	padding: 90px 0;
	.box {
		width: 80%;
		text-align: center;
		margin: 0 auto;
		.title {
			font-size: 2.5em;
			text-transform: uppercase;
			color: #222222;
			background: url(../images/title-background.png) no-repeat bottom center;
			padding-bottom: 0.8em;
			margin-bottom: 2em;
			span {
				font-family: OSBold;
			}
		}
		& > p {
			font-size: 1.2em;
			color: #999999;
			font-family: OSLtalic;
			margin-bottom: 50px;
		}
		.work-container {
			width: 100%;
			.top {
				display: flex;
				justify-content: space-between;
				align-items: center;
				height: 60px;
				.left {
					color: #000;
					text-transform: uppercase;
				}
				.right {
					a {
						font-family: OSLight;
						color: #636363;
						transition: 0.25s linear;
						font-size: 1em;
						padding: 0 1em;
						&:not(:last-child) {
							border-right: 1px solid #636363;
						}
						&:hover {
							color: #070707;
							font-weight: bold;
						}
					}
				}
				.select {
					display: none;
				}
			}
			.content {
				display: flex;
				flex-wrap: wrap;
				justify-content: space-between;
				width: 100%;
				.item {
					width: 23%;
					margin-bottom: 2em;
					.thumb {
						position: relative;
						overflow: hidden;
						width: 100%;
						height: 100%;
						img {
							width: 100%;
							height: 100%;
						}
						.slider {
							position: absolute;
							left: 0;
							top: 100%;
							background-color: #222222;
							width: 100%;
							height: 100%;
							color: #fff;
							transition: 0.5s;
							h2 {
								font-size: 1.5em;
								margin-top: 40px;
								font-weight: 700;
							}
							p {
								font-size: 1.2em;
								margin-bottom: 40px;
								color: #999999;
							}
							.plus {
								width: 50px;
								height: 50px;
								line-height: 50%;
								border-radius: 50%;
								font-size: 2.5em;
								border: 2px solid #fcac45;
								text-align: center;
								margin: 0 auto;
								display: flex;
								justify-content: center;
								align-items: center;
								color: #fcac45;
							}
						}
						&:hover .slider {
							top: 0;
						}
					}
				}
			}
		}
	}
}
@media screen and (max-width: 1270px) {
	.work {
		.box {
			.work-container {
				.content {
					.item {
						width: 30%;
					}
				}
			}
		}
	}
}
@media screen and (max-width: 996px) {
	.work {
		.box {
			.work-container {
				.content {
					.item {
						width: 45%;
					}
				}
			}
		}
	}
}
@media screen and (max-width: 700px) {
	.work {
		.box {
			.title {
				font-size: 2em;
				background-size: 90px;
				margin-bottom: 1.3em;
			}
			& > p {
				font-size: 0.96em;
				margin-bottom: 20px;
			}
			.work-container {
				.top {
					.right {
						display: none;
					}
					.select {
						display: block;
					}
				}
				.content {
					.item {
						.thumb {
							.slider {
								h2 {
									font-size: 1.1em;
								}
								p {
									font-size: 0.9em;
									margin-bottom: 20px;
								}
								.plus {
									height: 30px;
									width: 30px;
									line-height: 25px;
									font-size: 1.5em;
								}
							}
						}
					}
				}
			}
		}
	}
}
@media screen and (max-width: 500px) {
	.work {
		.box {
			.title {
				font-size: 1.8em;
				background-size: 80px;
				margin-bottom: 1.2em;
			}
		}
	}
}
@media screen and (max-width: 450px) {
	.work {
		.box {
			.title {
				font-size: 1.6em;
				background-size: 70px;
			}
			& > p {
				font-size: 0.9em;
			}
		}
	}
}
@media screen and (max-width: 400px) {
	.work {
		.box {
			.title {
				font-size: 1.2em;
				background-size: 50px;
			}
			& > p {
				font-size: 0.8em;
			}
			.work-container {
				.content {
					.item {
						.thumb {
							.slider {
								h2 {
									font-size: 1em;
									margin-top: 10px;
									overflow: hidden;
									white-space: nowrap;
									text-overflow: ellipsis;
								}
								p {
									font-size: 0.8em;
									margin-bottom: 5px;
								}
								.plus {
									display: none;
								}
							}
						}
					}
				}
			}
		}
	}
}
.testimonials {
	padding: 90px 0;
	background-color: #060606;
	.box {
		width: 80%;
		text-align: center;
		margin: 0 auto;
		.title {
			font-size: 2.5em;
			background: url(../images/title-background.png) no-repeat bottom center;
			padding-bottom: 0.8em;
			text-transform: uppercase;
			font-family: OSLight;
			margin-bottom: 1.5em;
			color: #fff;
			span {
				font-family: OSBold;
			}
		}
		& > p:nth-child(2) {
			font-size: 1.3em;
			color: #f0f0f0;
			margin-bottom: 3em;
		}
		& > p:nth-child(3) {
			font-size: 1.3em;
			color: #b1b1b1;
			margin-bottom: 3em;
		}
		.dots {
			text-align: center;
			.dot {
				width: 10px;
				height: 10px;
				background-color: #ffffff;
				margin: 0 6px;
				cursor: pointer;
				display: inline-block;
				&.active {
					background-color: #fcac45;
				}
			}
		}
	}
}
@media screen and (max-width: 1150px) {
	.testimonials {
		padding: 52px 0;
		.box {
			width: 95%;
			.title {
				font-size: 2.2em;
				background-size: 90px;
				margin-bottom: 1.3em;
			}
			& > p:nth-child(2),
			& > p:nth-child(3) {
				font-size: 1.2em;
				margin-bottom: 2.5em;
			}
		}
	}
}
@media screen and (max-width: 700px) {
	.testimonials {
		padding: 40px 0;
		.box {
			.title {
				font-size: 2em;
				background-size: 80px;
				margin-bottom: 1em;
			}
			& > p:nth-child(2),
			& > p:nth-child(3) {
				font-size: 1.1em;
				margin-bottom: 2em;
			}
		}
	}
}
@media screen and (max-width: 500px) {
	.testimonials {
		.box {
			.title {
				font-size: 1.8em;
				background-size: 70px;
				margin-bottom: 1em;
			}
			& > p:nth-child(2),
			& > p:nth-child(3) {
				font-size: 1em;
				margin-bottom: 1.5em;
			}
		}
	}
}
@media screen and (max-width: 380px) {
	.testimonials {
		.box {
			.title {
				font-size: 1.5em;
				background-size: 60px;
			}
			& > p:nth-child(2),
			& > p:nth-child(3) {
				font-size: 0.95em;
				margin-bottom: 1em;
			}
		}
	}
}
.contact {
	padding: 90px 0;
	.box {
		width: 80%;
		text-align: center;
		margin: 0 auto;
		.title {
			font-size: 2.5em;
			background: url(../images/title-background.png) no-repeat bottom center;
			padding-bottom: 0.8em;
			text-transform: uppercase;
			font-family: OSLight;
			margin-bottom: 1.5em;
			color: #222222;
			span {
				font-family: OSBold;
			}
		}
		& > p {
			font-size: 1.2em;
			color: #999999;
			font-family: OSLtalic;
			margin-bottom: 50px;
		}
		form {
			width: 100%;
			margin: 0 auto;
			label {
				display: block;
				color: #999999;
				font-size: 1.5em;
				text-align: left;
				span {
					color: red;
				}
			}
			.line1 {
				display: flex;
				justify-content: space-between;
				.input-box {
					width: 49%;
					margin-bottom: 50px;
					input {
						height: 50px;
						width: 100%;
					}
				}
			}
			.line2 {
				textarea {
					height: 200px;
					width: 100%;
					margin: 0.6em 0 3em 0;
				}
			}
			.line3 {
				text-align: end;
				button {
					width: 11em;
					height: 3em;
					font-family: OSBold;
					border: 0;
					color: #fff;
					background-color: #fcac45;
					font-size: 1.1em;
					transition: 0.5s;
					&:hover {
						transform: translateY(-10px);
						box-shadow: 2px 5px 8px 2px rgba(0, 0, 0, 0.2);
					}
				}
			}
		}
	}
}
@media screen and (max-width: 1150px) {
	.contact {
		.box {
			width: 95%;
			form {
				label {
					font-size: 1.3em;
				}
				.line1 {
					flex-direction: column;
					.input-box {
						width: 100%;
						margin-bottom: 40px;
						input {
							height: 40px;
						}
					}
				}
				.line3 {
					text-align: center;
					button {
						width: 16em;
					}
				}
			}
		}
	}
}
@media screen and (max-width: 850px) {
	.contact {
		.box {
			.title {
				font-size: 2em;
				background-size: 90px;
				margin-bottom: 1.3em;
			}
			& > p {
				font-size: 0.96em;
				margin-bottom: 20px;
			}
		}
	}
}
@media screen and (max-width: 550px) {
	.contact {
		.box {
			.title {
				font-size: 1.8em;
				background-size: 80px;
				margin-bottom: 1.2em;
			}
		}
		form {
			label {
				font-size: 1em;
			}
			.line1 {
				flex-direction: column;
				.input-box {
					width: 100%;
					margin-bottom: 20px;
					input {
						height: 20px;
					}
				}
			}
			.line3 {
				text-align: center;
				button {
					width: 16em;
				}
			}
		}
	}
}
@media screen and (max-width: 450px) {
	.contact {
		.box {
			.title {
				font-size: 1.6em;
				background-size: 70px;
			}
			& > p {
				font-size: 0.9em;
			}
		}
	}
}
@media screen and (max-width: 400px) {
	.contact {
		.box {
			.title {
				font-size: 1.2em;
				background-size: 50px;
			}
			& > p {
				font-size: 0.8em;
			}
		}
	}
}
.footer {
	background-color: #222222;
	.box {
		width: 80%;
		margin: 0 auto;
		display: flex;
		align-items: center;
		justify-content: space-between;
		height: 132px;
		.left {
			font-family: OSLight;
			color: #b2b2b2;
			font-size: 1.2em;
			text-transform: uppercase;
			font-weight: bold;
			span {
				font-family: OSBold;
			}
		}
		.right {
			text-align: center;
			a {
				margin: 0 10px;
				img {
					display: inline-block;
					width: 40px;
					height: 40px;
					border: 3px #999999 solid;
					border-radius: 50%;
					transition: all 0.4s;
				}
				&:hover {
					img {
						transform: translateY(-10px);
						box-shadow: 0 0 10px #fff;
					}
				}
			}
		}
	}
}
@media screen and (max-width: 1150px) {
	.footer {
		.box {
			flex-direction: column;
			height: auto;
			padding: 20px 0;
			width: 95%;
			.left {
				margin-bottom: 20px;
			}
			.right {
				display: flex;
				justify-content: space-evenly;
				align-items: center;
				a {
					margin: 0 20px;
				}
			}
		}
	}
}
@media screen and (max-width: 550px) {
	.footer {
		.box {
			.left {
				font-size: 1em;
			}
			.right {
				width: 100%;
				a {
					margin: 0;
					img {
						width: 36px;
						height: 36px;
						border: 2px #999999 solid;
					}
				}
			}
		}
	}
}
@media screen and (max-width: 450px) {
	.footer {
		.box {
			.left {
				width: 100%;
				font-size: 0.9em;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
			}
			.right {
				a {
					img {
						width: 30px;
						height: 30px;
					}
				}
			}
		}
	}
}
@keyframes up {
	from {
		transform: scale3d(1, 1, 1);
	}
	30% {
		transform: scale3d(1.25, 0.75, 1);
	}
	40% {
		transform: scale3d(0.75, 1.25, 1);
	}
	50% {
		transform: scale3d(1.15, 0.85, 1);
	}
	65% {
		transform: scale3d(0.95, 1.05, 1);
	}
	75% {
		transform: scale3d(1.05, 0.95, 1);
	}
	to {
		transform: scale3d(1, 1, 1);
	}
}
.up {
	position: fixed;
	bottom: 45px;
	right: 45px;
	z-index: 99;
	width: 70px;
	height: 70px;
	a {
		width: 100%;
		height: 100%;
		display: block;
		&:hover {
			animation: up 1s;
		}
	}
}
